<!--
 * @Descripttion : 
 * @Autor        : Lilong
 * @Date         : 2022-09-30 10:53:02
 * @LastEditTime : 2022-10-01 15:41:18
 * @FilePath     : \组件\插槽\后备内容插槽\APP.vue
-->
// src/APP.vue
/**
1、不提供内容时，渲染默认的后备内容
<button>我是后备内容</button>
2、提供内容时，渲染内容取代默认的后备内容
<button>Save</button>
*/

<template>
<div id="slots-demo" class="demo">
  <div>后备内容插槽</div>
  <div>1、不提供内容时，渲染默认的后备内容</div>
  <submit-button></submit-button>

  <br>

  <div>2、提供内容时，渲染内容取代默认的后备内容</div>
  <submit-button>Save</submit-button>
</div>
</template>

<script lang="ts">
import { defineComponent } from 'vue'
import SubmitButton from './components/submit-button.vue'

export default defineComponent({
  name:"APP",
  components: {
    SubmitButton
  }
})
</script>